<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:t="http://twistedmatrix.com/ns/twisted.web.template/0.1"
    t:render="main">
    <head>
        <title>Collection listing for <t:slot name="name" /></title>
    </head>
    <style>
        th, .even td, .odd td { padding-right: 0.5em; font-family: monospace}
        .even-dir { background-color: #efe0ef }
        .even { background-color: #eee }
        .odd-dir {background-color: #f0d0ef }
        .odd { background-color: #dedede }
        .icon { text-align: center }
        .listing {
            margin-left: auto;
            margin-right: auto;
            width: 50%;
            padding: 0.1em;
        }
        body {
            border: 0; padding: 0; margin: 0;
            background-color: #efefef;
        }
        h1 {
            padding: 0.1em;
            background-color: #777;
            color: white;
            border-bottom: thin white dashed;
        }
    </style>
    <body>
        <t:transparent t:render="resourceDetail" />
        <div class="directory-listing">
            <h1>Collection Listing</h1>
            <table>
                <tr>
                    <th>Name</th><th>Size</th><th>Last Modified</th>
                    <th>MIME Type</th>
                </tr>
                <tr t:render="children">
                    <t:attr name="class"><t:slot name="even"/></t:attr>
                    <td><a><t:slot name="name"/><t:attr
                            name="href"><t:slot name="url"/></t:attr></a></td>
                    <td align="right"><t:slot name="size"/></td>
                    <td><t:slot name="lastModified"/></td>
                    <td><t:slot name="type"/></td>
                </tr>
            </table>
        </div>
        <div class="directory-listing">
            <h1>Properties</h1>
            <table>
                <tr><th>Name</th><th>Value</th></tr>
                <tr t:render="properties">
                    <t:attr name="class"><t:slot name="even"/></t:attr>
                    <td valign="top"><t:slot name="name"/></td>
                    <td><pre><t:slot name="value"/></pre></td>
                </tr>
            </table>
        </div>
    </body>
</html>
